//out:../css/inform.css

@import url(./base.less);
@import url(./var.less);


body{
    background-color: @bg_color;
    .header{
        width: 100%;
        background-color: @white;
        display: flex;
        align-items: end;
        font-size: 18./@rem;
        line-height: 50./@rem;
        .set{
            width: 100%;
            height: 50./@rem;
            text-align: center;
            position: relative;
            a{
                line-height: 50./@rem;
                position: absolute;
                top: 0;
                left: 0;
            }
          
            
        }
    }
    
    p{
        font-size: 14./@rem;
        color: @text_gray;
        margin-left: 22./@rem;
        margin-top: 24.23./@rem;
        margin-bottom: 5.77./@rem;
    }
    .content{
        width: 100%;
        height: 60./@rem;
        background: @white;
        padding-left: 22./@rem;
        display: flex;
        span{
            font-size: @hd_fs;
            color: #2A2929;
            line-height: 60./@rem;
        }

        .allow{
            display: flex;
            align-content: center;
            width: 60./@rem;
            height: 32./@rem;
            background: #EDEDED;
            border-radius: 16./@rem;
            position: relative;
            margin-top: 11.77./@rem;
            margin-left: 118./@rem;
            transition: all 0.3s;

            .ball{
                width: 24./@rem;
                height: 24./@rem;
                background: #FFFFFF;
                border-radius: 50%;
                box-shadow: 0 1./@rem 4./@rem 0 #0000001c;
                position: absolute;
                top: 4./@rem;
                left: 4./@rem;
                transition: all 0.5s;
            }
        }
    }
    .active{
        transform: translateX((28./@rem));
    }
  
   
}